// @for $i from 1 through 500 {
//     //根据自己的范围定义
//     // 字体
//     .f-#{$i} {
//         font-size: #{$i}px !important;
//     }
//     .fw-#{$i} {
//         font-weight: #{$i} !important;
//     }
//     .box-#{$i} {
//         width: #{$i}px !important;
//         height: #{$i}px !important;
//     }
//     .ma-#{$i} {
//         margin: #{$i}px !important;
//     }
//     .mx-#{$i} {
//         margin: 0 #{$i}px !important;
//     }
//     .my-#{$i} {
//         margin: #{$i}px 0 !important;
//     }
//     .mt-#{$i} {
//         margin-top: #{$i}px !important;
//     }
//     .mb-#{$i} {
//         margin-bottom: #{$i}px !important;
//     }
//     .mr-#{$i} {
//         margin-right: #{$i}px !important;
//     }
//     .ml-#{$i} {
//         margin-left: #{$i}px !important;
//     }
//     .pa-#{$i} {
//         padding: #{$i}px !important;
//     }
//     .px-#{$i} {
//         padding: 0 #{$i}px !important;
//     }
//     .py-#{$i} {
//         padding: #{$i}px 0 !important;
//     }
//     .pt-#{$i} {
//         padding-top: #{$i}px !important;
//     }
//     .pb-#{$i} {
//         padding-bottom: #{$i}px !important;
//     }
//     .pr-#{$i} {
//         padding-right: #{$i}px !important;
//     }
//     .pl-#{$i} {
//         padding-left: #{$i}px !important;
//     }
//     .w-#{$i} {
//         width: #{$i}px !important;
//     }
//     .h-#{$i} {
//         height: #{$i}px !important;
//     }
//     .r-#{$i} {
//         border-radius: #{$i}px !important;
//     }
//     .gap-#{$i} {
//         gap: #{$i}px !important;
//     }
// }
